/**
*在Position属性值为absolute的同时，
*如果有一级父对象（无论是父对象还是祖父对象，或者再高的辈分，一样）
*的Position属性值为Relative时，则上述的相对浏览器窗口定位将会变成相对父对象定位，
*这对精确定位是很有帮助的。
*/
* {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
/*nav导航盒子*/

.nav-main span, .nav-main b, .nav-main i, .nav-main a{
    transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
}

div.nav {
  width: auto;
  height: 62px;
  text-align: center;
  position: relative;
}
/*nav-main*/
/*导航条设置*/
.nav-main {}
ul.nav-main > li {
  display: block;
  float: left;
  cursor: pointer;
}
.nav-main li a {
  display: block;
  float: left;
  padding: 0 29px;
  overflow: hidden;
  position: relative;
  height: 62px;
  top: 0;
  line-height: 62px;
}
.nav-main li a span {
  display: block;
  position: relative;
  top: 0;
  color: #010101;
	font-size: 15px;
}
.nav-main li a:hover span, .nav-main li.nann span {
  top: -100%;
  color: #CD302B;
}
.nav-main li a b {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: 0px;
  width: 0px;
  height: 2px;
  background: #CD302B;
}
.nav-main li a i {
  position: absolute;
  top: 24px;
  right: 0;
  width: 1px;
  height: 16px;
  background: #bbb;
}
.nav-main li a:hover b, .nav-main li.nann b {
  left: 50%;
  margin-left: -31px;
  width: 62px;
}
.nav-main li a.sy:hover b {
  left: 50%;
  margin-left: -16px;
  width: 32px;
}
/*隐藏盒子设置*/
.hidden-box {
  position: absolute !important;
  display: none;
  top: 62px;
  z-index: 999;
  background: #f7f7f7;
  border-top: 1px solid #ddd;
}
.hidden-box > ul {
  background: #f7f7f7;
  height: 100%;
  list-style-type: none;
  position: relative;
  color: #fff;
  float: left;
  cursor: pointer;
}
.hidden-box li {
  display: block;
  clear: both;
  padding: 0 22px;
  color: #000;
  font-size: 14px;
  line-height: 36px;
}
.hidden-box li:hover {
  color: #CD302B;
}
/*隐藏盒子位置设置*/
.box01 {
  left: -0px;
}
.box02 {
  left: 0px;
}
.box03 {
  left: 0px;
}
.box04 {
  left: 475px;
}
.box05 {
  left: 595px;
}
.natuk1 {
  display: block;
  padding: 29px;
  background: #fefefe;
  width: 360px;
  height: 300px;
}
.natuk {
  display: block;
  width: 300px;
  height: auto;
  float: left;
  line-height: 26px;
  color: #000;
  font-size: 16px;
  text-align: center;
}
.natuk img {
  display: block;
  margin: 0 auto 12px;
  border: 1px solid #ccc;
}
.erj {
  display: block;
  clear: both;
  width: 100%;
  margin-bottom: 10px;
  margin-right: 30px;
  text-align: left;
  padding: 0 15px;
  font-size: 18px;
  line-height: 30px;
  color: #C51039;
}
.erj:visited {
  color: #C51039;
}
.erj img {
  margin: 0 auto;
}
.sanl {
  display: block;
  width: 100%;
}
.sanl a {
  display: block;
  text-align: left;
  padding: 0 15px;
  line-height: 30px;
  height: 30px;
  font-size: 12px;
  color: #555;
  overflow: hidden;
}
.sanl a:visited {
  color: #555;
}
.cplk {
  padding: 20px 10px 25px;
  width: 16.6%;
  height: 250px;
  float: left;
  overflow: hidden;
  border-right: 1px solid #ddd;
}
.cplk:last-child {
  border-right: none;
}
.sanl a:hover {
  background: #CD302B;
  color: #FFF;
}
.box02 ul, .box03 ul, .box04 ul, .box05 ul {
  padding: 10px 0 20px;
}
.box02 ul a, .box02 ul a:visited, .box03 ul a, .box03 ul a:visited, .box04 ul a, .box04 ul a:visited, .box05 ul a, .box05 ul a:visited {
  display: block;
  color: #000;
  line-height: 44px;
}
.box02 ul li, .box03 ul li, .box04 ul li, .box05 ul li {
  border-bottom: 1px solid #ddd;
}
.box02 ul li:hover, .box03 ul li:hover, .box04 ul li:hover, .box05 ul li:hover {
  background: #CD302B;
}
.box02 ul a:hover, .box03 ul a:hover, .box04 ul a:hover, .box05 ul a:hover {
  color: #fff;
}
dl.tab {
  width: 100%;
  position: relative;
}
dl.tab dd{width: 16.6%;float: left; padding: 10px;transition: all 0.4s linear;}
dl.tab dd img{transition: all 0.4s linear;}
dl.tab dd p{line-height: 26px;margin-top:8px;text-align: center;font-size: 14px;transition: all 0.4s linear;}
dl.tab dd:hover p{color:#CD302B;}
dl.tab dd:hover img{opacity:0.85;}

.hide {
  display: none;
}
.tab_box .div {}
.tab2 {
  width: 554px;
  position: relative;
}
.tab2 .tab_menu {
  width: 140px;
  float: left;
  z-index: 1;
}
.tab2 .tab_menu li {
  clear: both;
  width: 140px;
  cursor: pointer;
  text-align: left;
}
.tab2 .tab_box {
  width: 280px;
  height: 100px;
  float: left;
}
.tab2 .tab_menu .selected {
  cursor: pointer;
  background: #CD302B;
  color: #FFF;
}
.tab2 .tab_menu .selected a {
  cursor: pointer;
  color: #fff;
}
.hide {
  display: none;
}
.tab2 .tab_box .div {
  float: left;
}
.tab2 .alfl {
  background: #FFF;
  width: 414px;
  height: 390px;
  padding: 20px 30px;
}
.tab2 .alfl a {
  display: block;
  text-align: left;
  border-bottom: 1px solid #ddd;
  line-height: 40px;
  font-size: 12px;
  color: #222;
}
.tab2 .alfl a:visited {
  color: #222;
}
.tab2 .alfl a:hover {
  color: #005197;
  padding-left: 5px;
}